<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<title>超炫酷的HTML5视频播放器DEMO演示</title>
<style type="text/css">
#willesPlay .playContent{
	position: relative;
	height: auto;
	overflow: hidden;
	cursor: pointer;
}
#willesPlay .playContent .playTip{
	position: absolute;
	width: 82px;
	height: 82px;
	text-align: center;
	line-height: 110px;
	top: 50%;
	left: 20%;
	margin-left: -55px;
	margin-top: -55px;
	background-image: url(/assets/images/play.png) ;
	font-size: 60px;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}
</style>
</head>
<body>
	<div id=willesPlay>
		<div class=playContent>
			<img width="500" height="500" id="playVideo"
				src="http://p3.pstatp.com/large/1203000e88688da85438" />
			<div class="playTip "></div>
		</div>
	</div>

	<div id="willesPlay">
		<div class="playContent">
			<img width="500" height="500" id="playVideo"
				src="http://p3.pstatp.com/large/1203000e88688da85438" />
			<div class="playTip glyphicon glyphicon-play"></div>
		</div>
	</div>


</body>
</html>
